
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	和时间有关的插件总会用到clearInterval定时器，设定每1秒的执行函数，实时更新相关HTML里面的值，在倒计时结束后执行相应的回调函数。
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>mainSeconds</td>
            <td>剩余时间获取对象样式,默认.lin_remainSeconds</td>
        </tr>
        <tr>
        	<td>mainTimeShow</td>
            <td>时间显示区域对象,默认.lin_remainTime</td>
        </tr>
        <tr>
        	<td>message</td>
            <td>时间结束后的信息显示对象,默认.lin_message</td>
        </tr>
        <tr>
        	<td>callBackFunction</td>
            <td>回调函数,默认空(格式function(element,msg){}
element当前对象，msg当前消息对象)</td>
        </tr>
                                          </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_countdown.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_showTime{width:198px; overflow:hidden; margin-bottom:10px;}
.lin_timeBack{ height:70px;width:198px;text-align:left;background: url(time.gif) left -8px no-repeat;overflow:hidden;}
.lin_remainTime .day,.lin_remainTime .hour,.lin_remainTime .mini,.lin_remainTime .sec{width:37px;height:47px;display:block;float:left;font-size:26px;font-family:Helvetica,arial,sans-serif;line-height:46px;text-align:center;/*color:#E11D1D*/color:#444;font-weight:400}
.lin_remainTime .day{padding-left:12px}
.lin_remainTime .hour{padding-left:13px}
.lin_remainTime .mini{padding-left:8px}
.lin_remainTime .sec{padding-left:8px} 
.lin_message{padding:5px; background-color:#FEE0E7; text-align:center;width:198px; display:none;} </pre>
                                <p>js</p>
                                <pre>$(".lin_showTime").lin_countdown({callBackFunction:function(element,msg){
				msg.html("时间到").show();
			}});</pre>
                                
								<div class="lin_showTime"> 
   									<div class="lin_timeBack"> 
     									<div class="lin_remainSeconds" style="display:none">259200</div><!-- 距离结束还差多少秒-->
	 									<div class="lin_remainTime">
           									<span class="day">00</span>
           									<span class="hour">00</span>
           									<span class="mini">00</span>
           									<span class="sec">00</span>
	 									</div>
  									</div>
                					<div class="lin_message"></div>                 
								</div>

								<div class="lin_showTime"> 
   									<div class="lin_timeBack"> 
     									<div class="lin_remainSeconds" style="display:none">4</div><!-- 距离结束还差多少秒-->
	 									<div class="lin_remainTime">
           									<span class="day">00</span>
           									<span class="hour">00</span>
           									<span class="mini">00</span>
           									<span class="sec">00</s